var loginData = JSON.parse(web.readCookie("loginData"));
if(getQueryString("operateType")){
    // 1是新增   2是修改
    var operateType = getQueryString("operateType");
    if(operateType == 2){
        var modifyDataSource = JSON.parse(sessionStorage.getItem('modifyParams'));
        var sceneId = modifyDataSource.sceneId;
        var subSceneId = modifyDataSource.subSceneId;
        var sceneTitle = modifyDataSource.sceneTitle;
        var coordinate = modifyDataSource.coordinate;
        var sceneImgUrl = modifyDataSource.sceneImgUrl;
    }
}
// 获取修改的id
if(getQueryString("id")){
    var modifyId = getQueryString("id");
}
// 获取parentId
if(getQueryString("parentId")){
    var parentId = getQueryString("parentId");
}
// 获取一级场景的id
if(getQueryString("firstClassId")){
    var firstClassId = getQueryString("firstClassId");
}

// 上传图片展示
var imgSrc = "";
var formData = new FormData();
// 保存入参
var params = {
    id:'',
    sceneId:'',// 一级场景id
    sceneTitle:'',//名称
    subSceneId:'',//二级场景ID
    coordinate:'',//位置
    parentId:parentId,//父级ID（创建二级场景的时候传入，入参是父级场景ID）
    sceneImgUrl:'', //图片地址
    sceneIndex:'',
    bottonColor:'',
}
var getData = {
    // 获取一级场景接口
    firstSceneInfo:function(){
        var firstParams = {
            lableLevel:1,
            platformType:20
        }
        var successData = function(data){
            if(data.errorCode == 0){
                renderData.renderFirstScene(data.data)
            }
        }
        return web.doAjax(root.goodsInter.listLableByType, 'get', firstParams, successData);
    },
    // 获取子集场景接口
    secondSceneInfo:function(id){
        var params = {
            lable_id:id
        }
        var successData = function(data){
            if(data.errorCode == 0){
                renderData.renderSecondScene(data.data)
            }
        }
        return web.doAjax(root.goodsInter.goods_listSubLable, 'post', params, successData);
    },
    // 图片上传接口
    uploadImg:function(){
        $.ajax({
            url: root.inter.imgUpload,
            cache: false,  //禁用缓存
            type: "POST",
            // 告诉jQuery不要去处理发送的数据
            processData : false,
            // 告诉jQuery不要去设置Content-Type请求头
            contentType : false,
            data: formData,
            success: function (data) {
                if(data&&data != null&&data!=""){
                    imgSrc = data[0].fullPath;
                    $("#myImg").attr("src", imgSrc).removeClass("hide");
                }else{
                    layer.msg(data.errorMessage, {icon: 5,time: 1000});
                }
            }
        });
    },
    //   选择获取
    getSenceAnhorInfo:function(){
        var params = {
            id:parentId
        }
        var successData = function(data){
            if(data.errorCode == 0){
                renderData.renderImg(data.data)
            }
        }
        return web.doAjax(root.sroreinter.getAppSceneByParentId, 'post', params, successData);
    },
    // 保存子场景
    saveScenceInfo:function(){
        var successData = function(data){
            if(data.errorCode == 0){
                $.Huimodalalert('保存成功',2000);
                // 弹窗关闭
                parent.layer.closeAll();
                // 判断缓存中是否有
            }else if(data.errorCode == 1){
                $.Huimodalalert(data.msg,2000);
            }
        }
        return web.doAjax(root.scenario.appScene_saveOrUpdate, 'post', params, successData,1);
    }
}
// 数据渲染
var renderData = {
    // 渲染一级场景
    renderFirstScene:function(data){
        if(data.length > 0){
            $.each(data,function(index,item){
                var lable_name = item.lable_name;
                var lable_id = item.lable_id;
                if(firstClassId == lable_id){
                    $("#productType").val(lable_name);
                }
                //$("#productType").append("<option value='" + lable_id + "'>" + lable_name + "</option>")
            });
            // 一级分类数据回显
            if(operateType == 2){
                $.each($("#productType option"),function(index,item){
                    if(item.value == sceneId){
                        item.selected = true;
                    }
                })
            }
        }else{
            $("#productType").append("<option value=''>" +'暂无数据'+ "</option>")
        }
    },
    // 渲染二级场景
    renderSecondScene:function(data){
        if(data.length > 0){
            $.each(data,function(index,item){
                var lable_name = item.lable_name;
                var lable_id = item.lable_id;
                $("#secondScene").append("<option value='" + lable_id + "'>" + lable_name + "</option>")
            });
            if(operateType == 2){
                $.each($("#secondScene option"),function(index,item){
                    if(item.value == subSceneId){
                        item.selected = true;
                    }
                })
            }
        } else {
            $("#secondScene").append("<option value=''>" +'暂无数据'+ "</option>")
        }
    },
    // 渲染锚点图片
    renderImg:function(data){
        if(!!data){
            $("#pic").attr('src',data.imgUrl);
            renderData.renderShowMark(data.coordinate)
        }
    },
    // 图片小图标返显
    renderShowMark:function(ary){
        var newAry = [];
        $.each(ary,function(index,item){
            var obj = {};
            obj.location = item;
            newAry.push(obj)
        })
        var x,y;
        $.each(newAry,function(index,item){
            var newItem = item.location.split(',')
            x = newItem[0];
            y = newItem[1]
            var marksItem =
                ' <div class="marks" style="left:'+ x +';top:'+ y +';" data-type="'+newItem+'">' +
                ' <img src="../../../img/mark.png" alt="这是一个小图标"  class="mark">' +
                ' <span>'+newItem+'</span>'+
                ' </div>';
            $("#showPic").append(marksItem)
        })
        // 点击小图标将数据填入对应的位置
        $.each($(".marks"),function(index,item){
            $(item).on("click",function(){
               var location = $(this).attr("data-type");
               $("#sceneLocation").val(location);
               $("#pic_warp").hide();
            })
        })
    }
}
// 修改逻辑进入页面调取分类接口
getData.firstSceneInfo();
getData.secondSceneInfo(firstClassId)
if(operateType == 2){
    // 加载二级场景
    $("#sceneName").val(sceneTitle)
    $("#sceneLocation").val(coordinate);
    // 图片展示
    $("#myImg").attr("src",sceneImgUrl)
}
// 逻辑处理
// 上传照片
function putDataToPage(e){
    for (var i = 0; i < e.target.files.length; i++) {
        var file = e.target.files.item(i);
        if (!(/^image\/.*$/i.test(file.type))) {
            continue; //不是图片 就跳出这一次循环
        }
        //实例化FileReader API
        var freader = new FileReader();
        freader.readAsDataURL(file);
        freader.onload = function(e){
            getImageInfo(e.target.result,function (width,height) {
                if(width==960&&height==360){
                    formData.set('file', $("#file")[0].files[0]);
                    getData.uploadImg();
                }else {
                    layer.msg("请上传正确尺寸",{icon: 5,time:1000},function () {});
                }
            })
        }
    }
}
// 选择
function select(){
    // 图片展示
    $("#pic_warp").show();
    // 图片展示
    getData.getSenceAnhorInfo()
}
//保存
function save(){
    // 1是新增   2是修改
    if(operateType == 1){
        params.creatorId = loginData.user.user_ID;
        params.creatorName = loginData.user.name;
        params.id = "";
    } else if(operateType == 2){
        params.modifyId =loginData.user.user_ID;
        params.modifyName = loginData.user.name;
        params.id = modifyId;
    }
    if(imgSrc){
        params.sceneImgUrl = imgSrc;
    }else{
        params.sceneImgUrl = sceneImgUrl;
    }
    params.sceneId =firstClassId;
    params.subSceneId = $("#secondScene option:selected").val();
    params.sceneTitle = $("#sceneName").val();
    params.coordinate = $("#sceneLocation").val();
    // 保存条件判断
    if(params.sceneId == '' && params.sceneId!=0){
        $.Huimodalalert('请选择一级场景',2000);
        return;
    }else if(params.subSceneId == ''){
        $.Huimodalalert('请选择二级场景',2000);
        return;
    }else if(params.sceneTitle == ''){
        $.Huimodalalert('请输入标题',2000);
        return;
    } else if(params.coordinate == ''){
        $.Huimodalalert('请选择一级场景锚点',2000);
        return;
    }else if(!params.sceneImgUrl){
        $.Huimodalalert('请上传子级场景图片',2000);
    }
    console.log(JSON.stringify(params))
   getData.saveScenceInfo();
}
// 取消
function cancel(){
    // 弹窗关闭
    parent.layer.closeAll();
}
// 选取图片位置的操作
function selectPicLocation(){
    var picW = $("#pic").width(); //获取图片的宽度
    var picH = $("#pic").height(); //获取图片的高度
    var scaleX,scaleY,x,y;
    $("#pic").on('click',function(e){
        e = e || window.event;
         x = e.offsetX , y = e.offsetY;//相对于图片的偏移量也就是相对于图片的坐标位置
        console.log(x,y)
        //图片的坐标位置
        scaleX = x/picW;
        scaleY = y/picH;
        //图片隐藏
        $("#pic_warp").hide();
        //拼接坐标点
        var point = x +'px'+ ',' + y + 'px'
        $("#sceneLocation").val(point)

    })
}
selectPicLocation()
